HTML - Objetos Genéricos dos Elementos HTML
Os objetos HTML podem ser separados em 3 tipos de tags :
1-Objetos de formatação de texto.
2-Objetos contextuais - definem autoria, explicam siglas, citações a outras obras, etc.
3-Tags de uso geral - São as tags de imagem, entrada de texto, etc.
Contudo toda a tag possui :
A-Propriedades.
B-Métodos.
C-Manipuladores de eventos(Event Handlers)
1-Objetos de formatação de texto :
São tags que formatam a exibição de texto. Note que tudo que se refere a estilo deve ficar na CSS nas
versões futuras do HTML mas continuam funcionando nos browsers atuais por facilidade de uso.
b
Negritar texto. Exemplo : Texto em Negrito
big
Exibe o texto Maior. Exemplo : Texto Normal e Texto Grande
center
Centralizar texto. Exemplo : Texto antes da tag Center
Texto na Tag Center
Texto Depois da tag center
i
Exibir texto no modo itálico. Exemplo : Texto Comum e Texto em Itálico seguido de texto comum
nobr
Define uma mensagem que recomendamos ao browser que não quebre esta mensagem caso precise.
Exemplo : Texto antes da tag nobr Texto dentro da tag nobr e Texto depois da tag nobr
rt
Define uma explicação / pronúncia de caracteres (para tipografia do Leste Asiático)
Utilizada em conjunto com a tag ruby.
ruby
Define uma anotação em rubi (para tipografia do Leste Asiático)
Exemplo : Texto fora da tag ruby1
Texto dentro da tag ruby 1 Texto dentro da tag ruby 2
Texto fora da tag ruby 2
s
Informa que o texto foi substituído, não esta mais correto.
Exemplo : Este texto esta correto mas este texto não e este texto também esta correto.
small
Exibe o texto pequeno.
Exemplo : Este texto esta normal mas este texto está pequeno e este texto também esta normal.
strike
Não utilizar - usar tag s ou del em seu lugar. Define um texto não mais válido.
Exemplo : Este texto é válido mas este texto é inválido e este texto também é válido.
sub
Exibe o texto subescrito como H2O.
sup
Exibe o texto sobrescrito como delta = b2-4 * a * c
tt
Não utilizar - usar tag pre em seu lugar - Define texto como teletipo(monoespaçado)
Exemplo : Este texto é comum mas este texto é monoespaçado e este texto também é comum.
u
Exibe o texto sublinhado
Exemplo : Este texto é comum mas este texto esta sublinhado e este texto também é comum.
wbr
wbr - Define um espaço que seria o local perfeito para quebrar uma coluna, por
exemplo, no caso de um redimensionamento de janela ou tamanho de tela.
Exemplo : Este texto esta antes do wbr mas este texto esta depois do wbr.
2-Objetos contextuais
São tags cujo objetivo não é só exibir um texto mas sim exibir o texto e outra característica
associada a ele como o seu autor, a origem do texto, a obra em que o texto foi citado entre outras finalidades.
acronym
Não suportado em HTML5. Use <abbr>.
address
Define as informações de contato do autor / proprietário de um documento.
address
cite
Aponta para o título de uma obra a que o documento atual se refere.
cite
code
Exibe o texto como se fosse um código de computador, ou seja, monoespaçada.
Usar a tag <pre> em seu lugar.
code
dfn
Representa a instância de definição de um termo
dfn
del
Define que o texto, embora visível e presente no documento, foi excluído.
Alguns browsers colcoam um risco no meio do texto.
del
div
Define uma seção em um documento destacando-o do que está ao seu redor.
div
em
Exibe o texto entre as tags Enfatizado.
em
ins
Define que o texto foi inserido recentemente no documento.
ins
kbd
Exibe o texto como se fosse um teclado ou monoespaçado.
Depende do browser e do recurso associado a ele (como o bootstrap)
kbd
listing
Não suportado em HTML5.
O browser renderizava o conteúdo desta tag sem 'interpretar' seu conteúdo e usava uma fonte monoespaçada.
Esta tag é obsoleta desde o HTML2 e não deve ser usada. Usar a pre em seu lugar.
p
Define um parágrafo, como num processador de texto, pula para o início da próxima linha e exibe.
p(parágrafo)
plaintext
Não suportado em HTML5.
A tag <plaintext> informa ao navegador que seu conteúdo deve ser exibido como um texto comum sem formatação.
Todas as tags aninhadas neste elemento são renderizadas pelo navegador como parte do texto.
O conteúdo da tag <plaintext> é representado em fonte monoespaçada.
Esta tag foi retirada do HTML5 porque todo estilo deve ir para a CSS. Usar a
pre em seu lugar.
Fui colocar um exemplo mas o chrome não entendeu o fechamento da tag e deu o maior erro. Retirei o exemplo.
pre
Define o texto pré-formatado e monoespaçado, ou seja, courier-new.
Só usei até hoje para depuração quando precisava contar caracteres.
Exemplo : Texto Normal antes
Texto dentro da tag pre
e texto normal depois.
samp
Define amostra de saída de um programa de computador.
Utilizar a tag pre em seu lugar.
Exemplo : Texto antes Texto dentro da tag samp Texto depois da tag samp.
span
Define uma seção ou trecho em um documento.
Muito útil quando queremos aplicar um estilo para diferenciação dos demais textos da página.
span
strong
Define texto importante. Exibida exatamente como a tag negrito <b>.
Exemplo : Texto antes Texto dentro da tag strong Texto depois da tag strong.
var
A tag <var> é usada para exibir o seu conteúdo como uma expressão matemática.
O conteúdo interno é normalmente exibido em itálico.
Esta tag não está obsoleta mas é recomendado utilizar a CSS em seu lugar.
Exemplo : Texto antes Texto dentro da tag var Texto depois da tag var.
xmp
Esta tag renderiza o texto entre as marcas de início e fim sem interpretar o HTML entre e usando uma fonte monoespaçada.
Esta tag esta obsoleta bem como suas irmãs listing, plaintext, pre, samp, tt. Usar CSS em seu lugar.
Exemplo : Texto antes
Texto dentro da tag xmp Texto depois da tag xmp.
3-Tags de uso geral
São as tags de imagem, entrada de texto, etc.
04-TagsBasicas.html
A-Propriedades
São as características da tag, se ela tem pais (parents), filhos (children), se tem uma fonte de dados
(dataSrc), etc.
08-Propriedades.html
B-Métodos
Métodos são processamentos que elas podem fazer para mudar algumas de suas propriedades
como adicionar um evento(attachEvent), adicionar um filho (appendChild), etc.
10-Métodos.html
C-Manipuladores de eventos(Event Handlers)
Os eventos são processos iniciados pela solicitação do usuário como ao clicar em um ítem.
09-Eventos.html